<template>
  <div class="payment">
    <van-nav-bar
      title="支付设置"
      left-arrow
      @click-left="onClickLeft"
    />
    <div class="payment-items">
      <div class="payment-item"><van-cell title="微信支付"   is-link size="large" right-icon="@" /></div>
      <div class="payment-item"><van-cell title="支付宝支付"   is-link size="large"/></div>
    </div>
  </div>
</template>

<script>
export default {
  data(){
    return {

    }
  },
  methods:{
    onClickLeft(){
      this.$router.push('/profile')
    }
  },
  created(){

  }

}
</script>

<style lang="less">
.van-nav-bar__arrow {
    margin-right: 4px;
    font-size: 25px;
  }
  .van-nav-bar__title {
    max-width: 60%;
    margin: 0 auto;
    color: #323233;
    font-weight: 500;
    font-size: 20px;
  }
  .van-nav-bar .van-icon {
    color: #151515;
  }
  .payment-items{
    margin-top: 15px;
    .payment-item{
      margin-top: 10px;
    }
  }
</style>